@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; }
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.h_nav li a:-webkit-any-link{ display:block;}






/* -- 以上部分以前resetcommon -- */



/* -- 首页样式开始 -- */
.clearfix{*zoom:1}
i,em{ font-style:normal;}

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}

.bantest {position: relative;width: 100%;overflow: hidden;}  
.banner{ width:100%; position:relative;}
.banner .slick-dotted.slick-slider{ margin:0;}
.banner img{ display:block; width:100%;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width:73px; height: 73px; margin-top: -73px;border: 0; outline: none;overflow:hidden;}
.banner .slick-prev {left: 10%; display: none; background:url(../images/super-left.png) no-repeat;}
.banner .slick-next {right: 10%; display: none;background:url(../images/super-right.png) no-repeat;}   
.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 8%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}
.slick-dots li {display: inline-block;margin: 0 8px; }
.slick-dots li button {display: block;background: #1a3eb5;width: 15px;height: 15px;color: #1a3eb5; border-radius: 15px;border-color:#1a3eb5; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.slick-dots .slick-active button {background-color: #1a3eb5;border-color: #1a3eb5;width: 60px;} 

.tit{ font:50px "Microsoft YaHei UI"; text-align:center; color:#000;}
.tit a{ color:#000000;}
.tit em{ display:block; font-size:18px; padding:15px 0 40px;}


h2.main_title a {  display: block;  text-align: center;  position: relative; height:200px;}
h2.main_title i {  display: block;  font-size: 85px;  font-family: Impact;  font-weight: 400;  color: rgba(51, 51, 51, 0.1);  text-transform: uppercase;  letter-spacing: 1px;  line-height: 1;  letter-spacing:1px;}
h2.main_title strong {  display: block;  font-size: 58px;  line-height: 100%;  color: #000;  letter-spacing: 1px;  padding-bottom: 22px;  background: url(../images/tbg0.png) no-repeat center bottom;  margin-top: -52px;}
h2.main_title span {  display: block;  font-size: 18px;  line-height: 100%;  color: #333;  font-weight: normal;  margin-top: 5px;}



.guide{ height:220px; padding-top:65px;overflow:hidden;}
.guide dl{ height:393px; overflow:hidden; background:url(../images/yinz_line.png) no-repeat left bottom;}
.guide dt{ width:600px; height:358px; float:left; overflow:hidden;}
.guide dt img{ display:block;width:600px; height:358px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.guide dt:hover img,.pro1 img:hover{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.guide dd{ width:250px; float:right;}
.guide dd h3{font:34px "Microsoft YaHei UI"; color:#000; font-weight:bold; margin-top:20px;}
.guide dd h3 em{ display:block; font:24px "Microsoft YaHei UI"; line-height:37px; margin-bottom:8px;}
.guide dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; margin-top:16px;}
.guide dd span a{ display:block; width:135px; height:44px; background:#ff0000; margin-top:22px; border-radius:5px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:44px; color:#fff;}
.guide ul{ height:110px;}
.guide li{float:left; position:relative; font:20px "Microsoft YaHei UI"; color:#333; width:300px; text-align:center;}
.guide li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#d9d9d9;}
.guide li:last-child:before{ background:none;}
.guide li span{ display:block; font:16px "Microsoft YaHei UI"; color:#1c3faf;}
.guide li span b{ font-size:60px; font-weight:normal;}
.guide li em{ display:inline-block; width:28px; height:28px; background:#ff0000; border-radius:28px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:28px; color:#fff;}

/*案例*/
.content14 { width:1400px; margin:0 auto; }
.case{padding: 80px 0;  background: url(../images/e-1.jpg) no-repeat center bottom;}
.case_con{ margin-top: 46px;position: relative; }
.case_con .tempWrap{ width: 1400px!important; }
.case_con .case_qie{ width: 450px;height: 489px;float: left;margin-right: 21px;border: 1px solid #D2D2D2; }
.case_con dl{background: #FFFFFF;padding: 20px 21px 0 20px;}
.case_con dt{height: 288px;overflow: hidden;}
.case_con dt img{display: block;width: 410px;height: 288px;transition: all 0.5s;}
.case_con dt:hover img{transform: scale(1.05);}
.case_con dd{height: 180px; }
.case_con dd h4 a{font-size: 22px;color: #333;line-height: 22px;padding: 25px 0 20px;position: relative;display: block;font-weight: normal;}
.case_con dd p{font-size: 14px;color: #666666;line-height: 26px; height:120px;}
.case_con dd p a{ color: #ff0000; display: block;float: right;margin-top:30px;font-size: 16px; line-height: 16px; }
.case_con dd p a img{ display: inline-block;width: 18px;height: 18px;margin-left: 5px;vertical-align: middle; }
.case_con dd h4:hover a{color: #004a94;}
.case_con .zprev{ position: absolute;left: -60px;top:220px; width: 45px;height: 45px;background: url(../images/zprev.png) no-repeat center;cursor: pointer;}
.case_con .znext{ position: absolute;right:  -60px;top:220px;  width: 45px;height: 45px;background: url(../images/znext.png) no-repeat center;cursor: pointer;}

.product{ height:640px; overflow:hidden; margin-top:50px; background: url(../images/e-3.jpg) no-repeat center bottom;}
.product_t{ width:263px; border:5px solid #1c3faf; float:left;}
.product_t h2{ background:#1c3faf; font:32px "Microsoft YaHei UI"; font-weight:bold; color:#fff; text-align:center; padding:16px 0;}
.product_t h2 a{ display:block; color:#fff;}
.product_t h2 em{ display:block; font:14px "Microsoft YaHei UI"; text-transform:uppercase; color:#6182c0; padding-top:2px;}
.product_t li{ width:241px; margin:0 auto; border-top:1px solid #cecece; font:18px "Microsoft YaHei UI"; line-height:48px; height:48px; overflow:hidden;}
.product_t li a{ display:block; position:relative; color:#333; padding-left:45px;}
.product_t li a:before{ content:""; position:absolute; top:18px; left:30px; width:0; height:0; border-left:6px solid #ccc; border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);}
.product_t li:hover a:before{ border-left:6px solid #1c3faf;}
.product_t li:hover a{ font-weight:bold; color:#1c3faf;}
.product_t p{ font:26px "Microsoft YaHei UI"; font-weight:bold; color:#fff; background:#1c3faf; padding:15px 0; text-align:center;}
.product_t p em{ display:block; font:18px "Microsoft YaHei UI"; line-height:32px; background:url(../css/pro_lx.png) no-repeat 50px;}
.product1{ width:1400px; overflow:hidden; float:right; background-color:#ffffff;}
.product11{ height:458px; position:relative;}
.product11 dl{ height:458px; border:1px solid #e3e3e3; border-top:1;}
.product11 dt{ width:806px; height:458px; float:left; overflow:hidden;}
.product11 dt img{ display:block;width:806px; height:458px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.product11 dd{ width:235px; float:right; margin-right:22px;}
.product11 dd h3 a{ display:block; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#333; margin:81px 0 28px;}
.product11 dd p{ font:16px "Microsoft YaHei UI"; line-height:28px; color:#6e6e6e; margin-bottom:}
.product11 dd span{ display:block; height:40px; overflow:hidden; margin-top:25px;}
.product11 dd span a{ display:block; width:108px; height:40px; background:#ff0000; font:16px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; float:left;}
.product11 dd span a:last-child{ float:right; background:#1c3faf;}
.product1_dot{ width:806px; height:10px; position:absolute; bottom:40px; left:0; text-align:center;}
.product1_dot a{ display:inline-block; width:10px; height:10px; border-radius:10px; background:#1c3faf; margin:0 8px;}
.product1_dot .cur{ background:#ff0000;}
.tit3{ height:62px; background:#e3e3e3; overflow:hidden; font:20px "Microsoft YaHei UI"; font-weight:bold; position:relative; line-height:62px;}
.tit3 a{ display:block; color:#000; padding-left:30px;}
.tit3 em{ display:block; width:84px; height:34px; border:1px solid #aaa; float:right; margin:12px 12px 0 0; float:right; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:34px; color:#000; text-align:center;}
.tit3:before{ content:""; position:absolute; top:18px; left:17px; background:url(../images/case_ico03.png) no-repeat;}
.product2 li{ width:280px; height:260px; overflow:hidden; float:left; margin:6px 7px 0 0; position:relative;border:1px solid #eee; box-sizing:border-box;}
.product2 li img{ display:block;width:260px; height:260px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.product2 li em{ display:block; width:100%; height:40px; font:14px "Microsoft YaHei UI"; line-height:40px; background:rgba(0,0,0,0.5); height:40px; color:#fff; position:absolute; bottom:0; text-align:center;}
.product2 li:hover em{ background:#1c3faf;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
		.product2 li:hover img,.product11 dt:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}


/*产品展示*/
.tab3{width: 1500px; margin-top:20px; margin-bottom:50px;}
.tab3 .tit{text-align: center;}
.tab3 .tit h2 {height: 85px;line-height: 85px;font-size:38px;color: #333; font-weight:bold;}
.tab3 .tit h2 a{color: #333;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:8px 30px; background:#1c3faf; border-radius:23px;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background:#ff0000;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/

.super{ margin-top:70px; height:950px; position:relative;}
.super:before{ content:""; position:absolute; top:230px; left:0; width:100%; height:0px; background:#dcdcdc;}
.supert{ width:1200px; height:106px; margin:0 auto; position:relative; z-index:5;}
.supert h3{ width:400px; float:left; height:106px;}
.supert h3 span{display: block;width: 78px;height: 42px; margin: 33px 0 0 66px;position: relative; overflow:hidden; float:left;}
.supert h3 p{ float:right; width:242px; font:28px "Microsoft YaHei UI"; color:#000; margin-top:27px; font-weight:bold;}
.supert h3 p em{ display:block; font:14px "Times New Roman", Times, serif; color:#c0c0c0; text-transform:uppercase; letter-spacing:2px; line-height:20px;}
.supert .cur{ background:#1c3faf; position:relative;}
.supert .cur:before{ content:""; position:absolute; top:106px; left:50%; width:0; height:0; border-top:20px solid #1c3faf; border-left:20px solid rgba(0,0,0,0);border-right:20px solid rgba(0,0,0,0); margin-left:-20px;}
.supert .cur span em{ display:none;}
.supert .cur p{ font-weight:bold; color:#fff;}
.super1 dl{ height:633px; position:relative;}
.super1 dt{ height:633px; background:url(../images/ys1.jpg) no-repeat center top; overflow:hidden;}
.super1 dl:nth-child(2) dt{ height:633px; background:url(../images/ys2.jpg) no-repeat center top;}
.super1 dl:nth-child(3) dt{ height:633px; background:url(../images/ys3.jpg) no-repeat center top;}
.super1 dd{ position:absolute; bottom:0; width:100%; background:rgba(28,63,175,0.9); height:135px;}
.super1 dd h5{ width:1200px; height:135px; margin:0 auto;}
.super1 dd em{ display:block; width:410px; float:left; font:24px "Microsoft YaHei UI"; font-weight:bold; line-height:36px; color:#fff; float:left; margin-top:28px;}
.super1 dd p{ width:735px; float:right; margin-top:29px; font:16px "Microsoft YaHei UI"; line-height:32px; color:rgba(255,255,255,0.8);}

/*新闻资讯*/
.nswsbox{font-family:"Microsoft Yahei";line-height: 26px;font-size: 14px;clear: both;color: #555;padding:85px 0;position: relative;overflow: hidden;}
.nswsbox .til01{padding: 0;}
.news{width:53.7%;}
.faqs{width:38.6%;height: 620px;overflow: hidden;}
.new_t{font-size:24px;height:90px;line-height:76px;position: relative;font-weight: bold;}
.new_more{display: block;color: #808080;text-transform: uppercase;font-size: 14px;font-family: Arial;font-weight: normal;}
.new_t span{float: left;}
.new_t span a{display: block;color: #333;padding: 0 42px 0 0;}
.new_t span.cur a,.new_t span a:hover{color: #dd0000;}

.news_c dl{width: 48.4%;float: left;height: 356px;}
.news_c dl:nth-child(2){margin-left:3.2%;}
.news_c dt,.news_c dt img{width:100%;display: block;overflow: hidden; height:234px;}
.news_c dd h4{color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;display: block;font-size: 16px;height: 55px;line-height:54px;}
.news_c dd h4 a{color: #333;display: block;}
.news_c dd p a{color: #dd0000;}
.news_c li{height:53px;line-height: 53px;position: relative;border-bottom: 1px solid #dcdcdc;padding: 0 0 0 20px;}
.news_c li:before{content: "";position: absolute;width:9px;height:9px;left:0;top:22px;border-radius: 100%;border: solid 2px #a9a9a9;box-sizing:border-box;}
.news_c li a{color: #333;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size:15px;}
.news_c li span{float: right;color: #888;}
.news_c li:hover a,.faqs_c li:hover a{color: #dd0000;text-decoration: underline;}
.news_c li:hover:before{background: #dd0000;border-color: #dd0000;}

.faqs_c li{height:75px;line-height: 75px;background:#f6f6f6;padding:0 25px;position: relative;margin-bottom: 1px;}
.faqs_c li a{color: #333;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;background:url(../images/pro_hv.png) no-repeat right center;padding: 0 30px 0 20px;position: relative;  font-size:16px;}
.faqs_c li a:before{content: "";position: absolute;width:9px;height:9px;left:0;top:33px;border-radius: 100%;border: solid 2px #a9a9a9;box-sizing:border-box;}
.faqs_c li:hover{background: #dd0000;}
.faqs_c li:hover a{color: #fff;background:url(../images/ico03.png) no-repeat right center;}
.faqs_c li:hover a:before{border-color: #fff;}

/*关于*/

.video11{ width:560px; overflow:hidden; margin-top:15px; float:right;}
.video11 .tit2 i{ float:right; font:14px "Microsoft YaHei UI"; color:#1d1d1d; margin-top:25px;}
.video11 h5{ width:559px; position:relative;}
.video11 h5 img{ display:block; width:559px; height:229px;}
.video11 h5 em{ display:block; height:40px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; background:#000;}
.video11 h5 i{ display:block; background:url(../images/video_v.png) no-repeat; width:57px; height:57px; position:absolute; top:90px; left:250px;}

/**/
.about{ overflow: hidden;background: url(../images/abo.jpg) no-repeat center 0; height: 680px;}
.about .main_title a{ text-align: right; margin-right: 11.5%; color: #fff; font-size: 52px; margin-top: 120px;}
.about .main_title a span{ color: #fff;background: url(../images/a_m200.png) no-repeat right bottom; font-size: 20px;}
.about p{ text-align: right;float: right; margin-right: 11.5%; color: #fff;  width: 33%; font-size: 16px; line-height: 29px;}
.about p em{ display: block; margin-top: 46px;}
.about p em a{ display: block; color: #fff; padding-right: 32px;background: url(../images/a_m.png) no-repeat right 3px; line-height: 100%;}
/**/

.pic{ width:1200px; height:365px; margin:0 auto; position:relative; margin-top:45px;}
.pict{ height:78px; text-align:center; font:20px "Microsoft YaHei UI"; text-align:center; line-height:48px;}
.pict a{ display:inline-block; width:190px; height:48px; margin:0 1px; background:#ff0000; color:#fff; border-radius:23px;}
.pict .cur{ position: relative; background:#1c3faf;-webkit-transition:all 0.7s; border-radius:23px;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.pict .cur:before{ content:""; position:absolute; top:48px; left:50%; margin-left:-16px; width:0; height:0; border-top:12px solid #1c3faf; border-left:16px solid rgba(0,0,0,0);border-right:16px solid rgba(0,0,0,0);}
.pic1{ overflow:hidden;}
.pic li{ width:290px; height:220px; float:left; overflow:hidden; position:relative; margin-right:13px;}
.pic li img{ display:block; width:288px; height:218px; border:1px solid #bfbfbf;}
.pic li em{display:block;position: absolute;
 bottom: 0;
    height: 0;
    width: 100%;
    text-align: center;
    font: 16px "Microsoft YaHei UI"; line-height:218px;
    color: #fff;
    background: rgba(241,87,51,0.8);
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pic li a:hover em{ height:100%;}
.pic_l{ position:absolute; top:80px; left:-72px;}
.pic_r{position:absolute; top:80px; right:-72px;}

.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -60px;right: 0; width:500px; height:60px;font:14px "Microsoft YaHei";color:#fff; line-height:60px; text-align:right;}
.link a{ display: inline-block;padding:0 17px; font:14px "Microsoft YaHei"; color:#a6adb6; line-height:60px; height:60px; position:relative;}
.link a:hover{font-weight:bold; text-decoration:underline; color:#ff0000;}